<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>产品搜索页</title>
		<link rel="stylesheet" type="text/css" href="css/pro_search.css"/>
	</head>
	<body>
		<div class="header">
			<span></span>
			<div class="input-box">
				<input type="" name="" id="" value="" placeholder="请输入关键字"/>
				<i class="icon-magnifier"></i>
				<i class="icon-microphone"></i>
			</div>
			<button class="search">搜索</button>
		</div>
		<div class="main">
			<div class="hot-search">
				<div class="tit">
					<div class="line"></div>
					<h2>热门搜索</h2>
				</div>
				<div class="hot-content">
					<ul>
						<li>
							<a href="">感应水龙头</a>
						</li>
						<li>
							<a href="">感应水龙头</a>
						</li>
						<li>
							<a href="">感应水龙头</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="history-search">
				<div class="tit">
					<div class="line"></div>
					<h2>历史搜索</h2>
					<span>清空历史</span>
				</div>
				<div class="his-content">
					<ul>
						<li>
							<a href="">
								<img class="magnifier" src="img/fdj1.png"/>
								<p>感应水龙头</p>
								<img class="arrow" src="img/jiantou.png"/>
							</a>
						</li>
						<li>
							<a href="">
								<img class="magnifier" src="img/fdj1.png"/>
								<p>感应水龙头</p>
								<img class="arrow" src="img/jiantou.png"/>
							</a>
						</li>
						<li>
							<a href="">
								<img class="magnifier" src="img/fdj1.png"/>
								<p>感应水龙头</p>
								<img class="arrow" src="img/jiantou.png"/>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
